<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス lz-button</title>
  <othercredit role="translator">
    <firstname>Hiroyuki</firstname>
    <surname>Kato</surname>
        <contrib>2006/05/15　翻訳初版</contrib>
 </othercredit>
</head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Button">
    <lztier>LZ Components</lztier>
    <lzcategory>View</lzcategory>
    <lzshortdesc>
        buttonクラスはシンプルなプッシュ式ボタンを提供します。
    </lzshortdesc>
    <lztag>lz/button.xml</lztag>
</lzelement>

<p><tagname>button</tagname>タグはシンプルなボタンを提供します。
buttonは四角形であり、特徴を表したテキストラベルを表示します。
buttonはラベルに合わせた大きさになります。</p>

<example class="code" title="Simple button">
&lt;canvas height="30"&gt;	
  &lt;button onclick="animate('x', 100, 1000, true)"&gt;
    Move me
  &lt;/button&gt;
&lt;/canvas&gt;
</example>

<p><tagname>b</tagname>のような追加タグをしようしてテキストのフォーマットを行う場合は
<attribute>text</attribute>属性を使用せず、buttonタグの内部にテキストを追加して下さい。</p>

<example class="code" title="XHTML button">
&lt;canvas height="30"&gt;	
  &lt;button onclick="animate('x', 100, 1000, true)"&gt;
    Move &lt;b&gt;me&lt;/b&gt;
  &lt;/button&gt;
&lt;/canvas&gt;
</example>

<p><tagname>button</tagname>はXHTML形式のタグと<tagname>attribute</tagname>や
<tagname>method</tagname>のようなオブジェクトタグを同時に使用することが可能です。</p>

<example class="code" title="XHTML button">
&lt;canvas height="30"&gt;	
  &lt;button onclick="moveHoriz(5);"&gt;
    Move &lt;b&gt;me&lt;/b&gt;
    &lt;method name="moveHoriz" args="moveAmount"&gt;
      this.setAttribute("x", this.x+moveAmount);
    &lt;/method&gt;
  &lt;/button&gt;
&lt;/canvas&gt;
</example>

<seealso>
<component-design id="button" title="Button"/>
</seealso>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
